<template>
<div class="whatsapp">
    <a :href='data'>
        <i class="iconfont icon-WhatsApp"></i>
    </a>
</div>
</template>

<script lang='ts'>
import {Component, Vue, Prop} from 'vue-property-decorator';


@Component
export default class Whatsapp extends Vue{

    @Prop()
    data?: string
    
}


</script>

<style scoped lang='less'>

.whatsapp{
    padding: 14*@rem 30*@rem ;
    a{
        font-size: 26*@rem;
        color: @successColor;
    }
}

</style>